<template>
  <view class="container">
    <view class="empty">
      <view class="empty-icon">
        <image src="/static/images/default.png" />
      </view>

      <view class="empty-text">
        <text>暂无作品，赶快去创作吧！</text>
      </view>
    </view>
  </view>
</template>

<script>
  export default {
    name: "Paint",
  };
</script>

<style lang="scss" scoped>
  .empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 20rpx;
    background-color: #fff;
    border-radius: $border-radius;
    box-shadow: $box-shadow;
  }

  .empty-icon {
    width: 200rpx;
    height: 200rpx;
    margin-bottom: 20rpx;
    image {
      width: 100%;
      height: 100%;
    }
  }

  .empty-text {
    text-align: center;

    color: #999;
  }
</style>
